/* 全局通用
----------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	list-style:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family:"微软雅黑";
}
html{
	font-size:100%;
}
body {
    line-height:1;
	width:100%;
	min-width:1200px;
	height:100%;
	position:relative;
	margin:0;
	padding:0;
	background:#fff;
}

body, button, input, textarea {
	line-height:1.531;
	outline:none;
	margin:0;
	padding:0;
	border:0;
}
p, ul, ol, dl, dt, dd, form, blockquote {
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;margin-bottom: 0px; 
}
h1, h2, h3, h4, h5, h6 {	
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
}
em, b, i {
	font-style:normal;
}
img {
	border:0;
}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	text-decoration:none;
	color:#0066b3;
}
input, img, select {
	vertical-align:middle;
}
.rpa {
	position:absolute
}
.pr {
	position:relative
}
.fl{float:left;}
.fr{float:right;}
.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.clearfix {
	overflow:hidden;
	zoom:1;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.none {
	display:none;
}
.blod{font-weight: bold;}
.tcenter{text-align: center;}
#captcha {
	cursor:pointer;
}
.h3tit{float:left;width:190px;}
.more {
	float:right;
	padding-right:4px;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	width: 50px;
}
.more a {
	color:#ccc;
}
.more a:hover {
	color:#F75408;
	text-decoration:underline;
}

.tran-fast {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.tran-slow {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.bbbfff{background-color:#fff;}
/* 通用结构	
----------------------------------------------- */
/* -- form -- */
.btn {
	display:inline-block;
	background-color:#aaa;
	color:#EEE;
	padding:5px 15px;
	text-transform:capitalize;
	cursor:pointer;
	font-weight:bold;
}
.btn:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#E64346;
}
.btnGray {
	display:inline-block;
	background-color:#CCC;
	border:0;
	color:#333;
	padding:6px 15px;
	text-transform:capitalize;
	cursor:pointer;
	font-weight:bold;
}
/* -- input -- */
.textInput {
	padding:0 4px;
	height:28px;
	border:1px solid #DDDDDD;
}
.textArea {
	padding:4px;
	border:1px solid #DDDDDD;
}
/* 主体框架
----------------------------------------------- */
.wrap {
	width:1100px;
	margin:0px auto;
	position: relative;
}
.wrap1200 {
	width:1200px;
	margin:0px auto;
	position: relative;
	display: flex;
}
.wrap1000 {
	width:1000px;
	margin:0px auto;
	position: relative;
}
.wrap900 {
	width:900px;
	margin:0px auto;
	position: relative;
}
.wrapper {
	width:100%;
	margin:0px auto;
	position: relative;
}


/* 头部导航
----------------------------------------------- */
/* -- top -- */
#top {
	text-align: right;
	color: #fff;
	height: 35px;
	line-height: 35px;
	width: 100%;
	background: #0066b3;
	padding: 0px 10px;
}

/* -- header -- */
.header {
    width: 100%;
    background: url(images/header_bg.jpg) no-repeat center #FFFFFF;
    height: 236px;
    font-size: 14px;
    z-index: 999;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    
}
img {
	vertical-align: middle;
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
}
.header-nav .topbar{background:url(./images/npatt.png) #363 ;    height: 43px;	overflow: hidden;}
.topbar ul{margin:0;padding:0;list-style:none}
.topbar ul li{font-size:14px;display:inline-block;color:#fff}
.topbar ul.left-links{padding:10px 0}
.topbar ul.left-links a{font-family:Microsoft YaHei,sans-serif;text-transform:uppercase;font-size:12px;color:#fff}
.left-links a:hover,.right-links a:hover,.topbar ul.left-links a:hover{color:rgba(255,255,255,.7)}
.topbar ul.left-links li:after{content:"|";color:rgba(255,255,255,.2);line-height:20px;padding:0 8px}
.topbar ul.left-links li:last-child:after{display:none}
.right-links{text-align:right}
.right-links li{border-right:1px solid rgba(255,255,255,.2);padding:0 15px;margin-left:-5px}
.right-links a{color:#fff;font-size:14px;line-height:41px}

.h3-logo-row .h3-logo{text-align:left;padding:10px 0}
.h3-logo-row ul.quick-links{margin:30px 0 14px;padding:0;list-style:none;width:50%;float:left}
.h3-logo-row ul.quick-links li{float:left;margin:0 5px 5px 0}
.h3-logo-row ul.quick-links li a{border:1px solid #e1e1e1;line-height:20px;display:block;border-radius:3px;background:#f7f7f7;color:#888;font-size:13px;padding:0 10px}
.h3-logo-row ul.quick-links li a:hover{background:#f54337;color:#fff}
.header-contact{margin:20px 0 0;padding:0;list-style:none;float:right}
.header-contact li{float:left;border-right:1px solid #eee;text-align:left;padding:7px 15px;font-size:14px}
.header-contact li span{display:block;color:#222}
.header-contact i{color:#222;font-size:16px}
.city-exp i{float:left;margin:10px 15px 0 0}
.city-exp strong{float:left;font-weight:400}
.h3-navbar {
	border-top: 1px solid #eee;
}
.nav-box-left{
	width: 805px;
}
.nav-box-right{
	width: 320px;
}
.top-nav-list{
	display: flex;
	justify-content: space-between;
}
li.header-weather{line-height:34px}
.h3-navbar{border-top:1px solid #eee}
.h3-navbar .navbar{position:relative;min-height:inherit;margin-bottom:0;border:0 solid transparent}
.h3-navbar .navbar-collapse,.header .navbar-collapse{padding:0}
.h3-navbar .navbar .navbar-nav>li>a{padding:0 18px;line-height:60px;position:relative;text-transform:uppercase;font-size:16px;font-weight:700;color:#333}
.h3-navbar .navbar .navbar-nav>li>a:after{position:absolute;left:0;top:-1px;width:0;height:3px;background:#d7d7d7;content:""}
.h3-navbar .nav .open>a,.h3-navbar .nav .open>a:focus,.h3-navbar .nav .open>a:hover,.h3-navbar .nav>li>a:focus,.h3-navbar .nav>li>a:hover,.h3-navbar .navbar .navbar-nav>li>a:hover{background:0 0;color:#0066b3}
.h3-navbar .navbar .navbar-nav>li>a:hover:after{width:100%}
.h3-navbar .navbar .navbar-nav>li.open>a:after{width:100%}
.h3-navbar .dropdown-menu{display:none;min-width:220px;padding:0;margin:0;font-size:14px;background:#fff;border:0;box-shadow:none;-webkit-box-shadow:none;border-radius:0}
.h3-navbar .dropdown-menu .sub-menu{display:none;min-width:220px;padding:0;margin:0;font-size:14px;background:#fff;border:0;box-shadow:none;-webkit-box-shadow:none;border-radius:0}
.h3-navbar .dropdown-menu .sub-menu a,.h3-navbar .dropdown-menu a{display:block;line-height:40px;text-transform:uppercase;font-weight:600;font-size:15px;border-bottom:1px solid #eee;background:#fff;color:#444}
.h3-navbar .dropdown-menu a:hover{background:#eee;color:#0066b3}
.h3-navbar ul.navbar-right{margin:17px 0 0;padding:0;list-style:none;display: flex;justify-content: space-between;width:100%;}
.h3-navbar ul.navbar-right li{float:left;margin:0 0 0 0}
.h3-navbar ul.navbar-right li.search-form{width:200px}
.h3-navbar .donate-btn a{background:#0066b3;color:#fff;text-transform:uppercase;font-size:14px;font-weight:700;line-height:30px;display:block;border-radius:15px;padding:0 20px}
.h3-navbar .donate-btn a:hover{
	background:#ff0000;
}
.h3-navbar .navbar-form{padding:0;margin:0;height:30px;border:1px solid #e1e1e1;position:relative;box-shadow:none;-webkit-box-shadow:none;border-radius:15px;padding:0 12px;font-size:12px;width: 200px;}
.h3-navbar .navbar-form .form-control{border:0;width:100%;box-shadow:none;outline:0;height:30px;line-height:30px;background:0 0}
.h3-navbar .navbar-form button{position:absolute;right:0;top:0;background:0 0;border:0;line-height:28px;height:28px;padding:0 12px;border-left:1px solid #e1e1e1}
.h3-slider-caption{position:absolute;left:0;width:100%;top:125px;text-align:left}
.h3-slider-caption strong{color:#fff;font-size:60px;font-weight:700;font-family:Montserrat,sans-serif;line-height:70px;display:block;margin:0 0 20px;text-shadow:0 5px 10px rgba(0,0,0,.12)}
.h3-slider-caption p{font-size:24px;font-style:italic;color:#fff;line-height:34px;margin:0 0 30px}
.h3-slider-caption a{background:#d94148;color:#fff;font-family:Montserrat,sans-serif;font-size:16px;text-transform:uppercase;font-weight:600;line-height:50px;display:inline-block;border-radius:25px;padding:0 35px;letter-spacing:1px;box-shadow:0 5px 10px rgba(0,0,0,.12)}
.h3-slider-caption a:hover{background:#40407e;color:#fff}
.Mayor-video-msg{
	background:#0066b3;
	padding:20px 0
}
.Mayor-welcome h5{font-weight:700;color:#fff;margin:0 0 16px}
.Mayor-welcome p{font-size:16px;color:#fff;line-height:24px;margin:0 0 31px}
.Mayor-welcome h6{font-weight:600;color:#fff;margin:0 0 12px;position:relative}
.Mayor-welcome strong a{float:left;color:#fff;font-size:16px;font-weight:500;margin-right:15px;border-bottom:solid 2px rgba(255,255,255,.2)}
.Mayor-welcome strong a:hover{color:#fff;background:#40407e}
.Mayor-welcome h6:after{position:absolute;left:0;top:-14px;background:rgba(255,255,255,.2);width:80px;height:2px;content:""}
.Mayor-video-msg .city-tour{
	text-align: right;
	/*box-shadow:6px 10px 20px rgba(0,0,0,.15);-webkit-box-shadow:6px 10px 20px rgba(0,0,0,.15)*/
}
.city-news{background:#f7f7f7}
.city-tour{position:relative;width:100%;float:left;overflow:hidden;border-radius:5px}
.city-tour strong{position:absolute;left:-5px;top:20px;color:#fff;font-family:Montserrat,sans-serif;font-size:12px;background-color: #40407e;text-transform:uppercase;line-height:30px;padding:0 15px;letter-spacing:2px;border-radius:3px}
.city-tour a{position:absolute;right:20px;bottom:20px}
.city-tour a:hover img{opacity:.7}
.title-style-3{margin-bottom:25px}
.title-style-3 h3{margin:0 0 15px;color:#333;font-weight:700}
.title-style-3 p{margin:0;color:#777;font-size:16px;font-style:italic;position:relative;padding-left:21px}
.title-style-3 p:before{position:absolute;left:0;top:0;bottom:0;margin:auto;width:15px;height:2px;background:#d94148;content:""}

.header .logo {
    width: 649px;
    float: left;
    display: inline;
    margin-top: 50px;
    margin-left:40px;
}
.header .logo img{
	max-width:650px;
}
.header .qr-img {
    width: 205px;
    float: right;
    display: inline;
    margin-top: 55px;
}

.header-nav{
	margin: 0px auto; 
	min-height: 100px;
    background: #fff;
	/*border-top: 3px solid #0066b3;*/
	/*border-bottom: 1px solid #fdb6c1;*/
    text-align: center;
    position: relative;
    z-index: 9;
}
.header-nav .logoimg{
	padding-top:8px;
	height: 90px;
}

.header_fix1{top:0px; position: fixed; }

.header-nav .nav-left{
	width: 390px;
	float: left;
}
.header-nav .nav-right{
	width: 760px;
	float: right;
	margin-top: 10px;
}

/* -- 顶部菜单样式 -- */

.mainNav .nav-1{
	height:65px;
	line-height:65px;
}

.mainNav .nav-1>li{
	position:relative;
	padding:0 1px;
	text-align:center;
	float:left;
	color:#fff;
	font-size:16px;
}
.mainNav .nav-1>li>a{
	color:#333;
	display:block;
	width: 100%;
	height:65px;
	padding: 0px 8px;
	font-weight: 600;
}
.mainNav .nav-1>li i{    
	width:0px;
    height: 20px;
    position: absolute;
   left: 1px;
	display: none;
    background: #eee;
        border-left: 1px solid #aaa;
    border-right: 1px solid #fff;
    top: 25px;}
.mainNav .nav-1 .nav-2{
	position:absolute;
	left:0;
	top:65px;
	background: #f1f1f1;	
	display:none;
	z-index:9;
}
.mainNav .nav-1>li:hover a,
.mainNav .nav-1>li.on a{
     /*border-bottom: 2px solid #0066b3;*/
}

.mainNav .nav-1>li:hover .nav-cn,
.mainNav .nav-1>li.on .nav-cn,
.mainNav .nav-1>li:hover .nav-eng,
.mainNav .nav-1>li.on .nav-eng{
	color: #0066b3;
}
.mainNav  .nav-1>li:hover{}
.mainNav  .nav-1 .nav-2{z-index:999;display:none;}
.mainNav .nav-1>li:hover .nav-2{
	display:block;box-shadow:0px 1px 1px #6d6d6d;
	transform-origin:top;
	-webkit-animation:TwoMenuBoxX 0.7s ease both;
	-moz-animation:TwoMenuBoxX 0.7s ease both;
	animation:TwoMenuBoxX 0.7s ease both;	
}
.mainNav .nav-1 .nav-2 li{
	width:200px;
	height:40px;
	padding:10px 10px;	
	color:#333;
	text-align:left;
}
.mainNav .nav-1 .nav-2 li:hover{
	background: #0066b3;
}
.mainNav .nav-1 .nav-2 li:hover a{	
}
.mainNav .nav-1 .nav-2 li a{
	color:#222;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

.mainNav .nav2-cn{
	height:18px;
	line-height:18px;font-size:14px;
}
.mainNav .nav2-eng{
	height:18px;
	line-height:18px;
	font-size:12px;
}
.mainNav .nav-1 .nav-2 li:hover .nav2-cn,
.mainNav .nav-1 .nav-2 li:hover .nav2-eng,
.mainNav .nav-1 .nav-2 li.on .nav2-cn,
.mainNav .nav-1 .nav-2 li.on .nav2-eng{
	color:#fff;
}

/* 首页样式----------------------------------------------- */
/* -- index -- */

.title-2{
	font-size: 12px;
	color: #aaa;
	top: 70px;
	left: 30px;
	position: absolute;
}
.title-box{
	position: relative;
}
.title-3{
	font-size: 12px;
	color: #aaa;
	top:25px;
	left: 30px;
	position: absolute;
}
.page1{
	padding: 40px 0px 50px;
}
.page1 .head{
	height: 30px; 
	overflow: hidden;
}
.page1 .head h2{
    width:auto; float:left; display:inline; font-size: 26px; color: #0066b3;
	font-weight:bold;
    background: url(images/tit-icon.jpg) no-repeat left center; padding-left: 30px;
}
.page1 .head h5{
	   transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;border-radius: 50px;
	float:right;background-color:#0066b3; padding: 5px 20px 5px 20px; font-size: 14px; 
}
.page1 .head h5:hover{background-color:#f60;  padding: 5px 40px 5px 40px;  }
.page1 .head h5 a{
	color: #FFFFFF;
}
.page1 .body{
	 margin-top: 30px; height: auto; overflow: hidden;
}
.page1 .body .img{
	width: 352px; float: left; display: inline; 
}
.page1 .body .img img{
	 height: 400px;display: block;
}
.page1 .body .img h5{
	font-size: 14px; color: #5A5A5A; text-align: left; margin-top: 8px;
}
.page1 .txts{
	/*width:62%;*/
	width:500px;
	float: right;
	display: inline;
}
.page1 .txts h3{
	font-size: 18px;
}

.page1 .txts h4{
	font-size: 14px;margin-bottom: 25px;margin-top: 10px;line-height:25px;
	color: #333;
}
.page3 .txts h4{
	font-size: 14px;margin-bottom: 25px;margin-top: 10px;line-height:25px;
}

.page1 .hslide{    border: 1px solid #f1f1f1;
	 height:400px; position: relative; overflow: hidden; clear: both;width: 550px;float: left;
}

.ppppppp{
	background: url(images/pppage2_bg.jpg) no-repeat top center;
}
.page2{
	height: 650px;
	padding-top: 70px; overflow: hidden; position: relative;
	background-size: cover;
}
.page2 .page2-left{
	width: 660px; float: left;
}
.page2 ul{
	height: auto; overflow: hidden;
}
.page2 ul li{
	height:250px; float: left; display: inline; margin-right: 30px; margin-bottom: 10px;
}
.page2 li .img{
	position: relative;
}
.page2 li .img span{
	position: absolute; top: 0; left: 0; background-color: #0066b3; padding: 3px 20px 3px 10px; font-size: 14px; color: #FFFFFF; font-weight: bold;
}
.page2 h4{
	font-size: 16px;color: #222222;margin-top: 8px;
	padding-left: 10px;
}
.page2 h5{
	font-size: 12px;  margin-top: 5px; color: #8f8f8f;
}
.page2 .page2-right{
	width: 440px; float: left; display: inline; height: 490px; position: relative;
}
.page2 .page2-right h2{
	font-size:18px; color: #0066b3; background: url(images/tit-icon.jpg) no-repeat left center; padding-left: 30px;
}
.page2 .page2-right h3{
	font-size: 18px;line-height: 25px;
}
 .page2 .page2-right h4{
 	font-size: 14px; color: #333;line-height: 25px;
 }
.page2 .page2-right h6{
	   transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    border-radius: 50px;
	float:right;
	background-color:#0066b3; 
	padding: 5px 20px 5px 20px; font-size: 14px; 
}
.page2 .page2-right h6:hover{background-color:#f60;  padding: 5px 40px 5px 40px;  }
.page2 .page2-right h6 a{
	color: #FFFFFF;
}

.page2 .fooder{
	position:absolute; bottom: 0; left: 200px;
}
.park-item{
	background: #fff;
}
.park-item h4{
	margin-top: 15px;
}
.park-item:hover{
	background: #0066b3;
}
.park-item:hover h4{
	color: #fff;
}
.page3{
	padding: 40px 0px 30px; 
}
.page3 .body{
	margin-top: 20px; height: auto; overflow: hidden;
}
.page3 .body .imgs{
   width: 550px; float: left; display: inline;
}
.page3 .body .imgs li{
	margin-bottom: 25px;
}
.page3 .body .imgs li img{
	width: 550px; height: 220px; display: block;
}
.page3 .body .imgs li h3{
	font-size: 20px;   margin-top: 20px;
}
.page3 .body .txts{
	/*width:65%;*/
	width:500px;
	float: right; display: inline; position: relative; height: 445px;
}
.page3 .body .txts li{
	margin-bottom: 22px;
	height:85px;
}
.page3 .body .txts li h4{
	 margin-bottom: 0;
}
.page3 .body .txts li h5{
	font-size: 14px; color: #aaa; margin-top: 10px;
}
.page3 .body .txts li h5 a{
	color: #aaa;
}

.page3 .body .txts h6 a{
	color: #FFFFFF;
}

.page3 .body .txts h6{	
	   transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    border-radius: 50px;
	float:right;
	background-color:#0066b3; 
	padding: 5px 20px 5px 20px; font-size: 14px; 
}
.page3 .body .txts  h6:hover{background-color:#000;  padding: 5px 40px 5px 40px;  }
.mb60{margin-top:70px;}
/*内容区*/
.water_con_box{width:100%;min-height:680px;
background:#bde4f5;
padding: 0px 0px 50px 0px;}

.water_con_top{width:100%;height:150px;
background:#fff;
padding:15px;box-shadow: 5px 0px 9px 0px #c8c8c8;}

.wct-1{
	width: 320px;
	background: #00a2ff;
	border-radius: 10px;
	padding: 20px 20px;
	height: 120px;
	line-height: 23px;
	color: #fff;
}
.wct-1 .wct-11{
	border-bottom: 1px solid #fff;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 16px;
}
.wct-1 .wct-12{
	font-size: 14px;
	margin-top: 10px;
	padding-left: 10px;
}
.wct-2{
	width:610px;
	height: 100px;
	margin-left: 35px;
}
.wct-2 ul li{
	float: left;
	width: 100px;
	text-align: center;
	line-height: 32px;
	padding-top: 15px;
	text-align: center;
}
.wct-2 ul li a{font-size:16px;}
.wct-2 ul li a i{
	width: 60px;
	height: 60px;
	background: url(./images/icon-2.png) 5px 0px no-repeat #00a2ff;
	display: block;
	margin: 0px auto;
	border-radius: 50px;
}

.wct-2 ul li a i.icon-zhinan{
}

.wct-2 ul li a i.icon-ditu{
	background-position: -47px 0px;
	background-color: #49a72d;
}

.wct-2 ul li a i.icon-faq{
	background-position: -106px 0px;
	background-color: #db0f65;
}

.wct-2 ul li a i.icon-gonglie{
	background-position: -167px 0px;
	background-color: #f60;
}

.wct-2 ul li a i.icon-jiaotong{
	background-position: -220px 0px;
	background-color: #4f78da;
}
.wct-2 ul li a i.icon-youhui{
	background-position: -279px 0px;
	background-color: #f914de;
}

.wct-2 ul li a:hover i{
	background-color: #f60;
	/* transform: rotate(360deg);
	transition: all 3s linear 0s;*/
}

.wbcitem{float:left;width: 685px;background: #fff;border-radius: 10px;margin: 35px 20px 0px 0px;}
.wbcitem_1{
	width:730px;
	padding: 10px 20px;
	box-shadow: 5px 0px 9px 0px #c8c8c8;
}
.wbcitem_1 h2{
font: bold 18px/30px "微软雅黑";
color: #00a2ff;
overflow: hidden;
margin-bottom: 10px;
}
.wbcitem_1 h2 a{
	float: right;
	text-align: center;
	padding: 0px 10px;
	height: 25px;
	overflow: hidden;
	background: #ccc;
	font: bold 10px/25px "微软雅黑";
	color: #fff;
	border-radius: 50px;
    
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  
}
.wbcitem_1 h2 a:hover{
	padding:0px 25px;
	background: #00a2ff;
	
	 -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.wbcitem_1 .tabconl{float:left;width:250px;}
.wbcitem_1 .tabconl img{width:245px;height:146px;}
.wbcitem_1 .tabconr{float:right;width:420px;}
.wbcitem_1 .tabconr .line {height: 30px;    text-align: center;}
.wbcitem_1 .tabconr .line a {    font-size: 16px;    font-weight: bold;}
.wbcitem_1 .tabconr  p { font-size: 14px;   margin-top: 10px;    line-height: 26px;}
.wbcitem_1 .tabconr .leftcon{float:left;width:210px;height:30px;line-height:30px;overflow:hidden;color:#a2a2a2;}
.wbcitem_1 .tabconr .rightcon{float:right;width:100px;text-align:right;color:#a2a2a2;}
.wbcitem_1 .tabconr .rightcon a{color:#337ab7;}
.wbcitem_1 .tabconr .rightcon a:hover{color:#f60 ;}
.wbcitem_1 .rlist{	height: 130px;	margin-top: 20px;	border-top: 1px dotted #ccc;	padding-top: 15px;
}
.wbcitem_1 .rlist .liitem {    float: left;    width: 570px;    height: 35px;    line-height: 35px;    overflow: hidden;}
.wbcitem_1 .rlist .liitem  span {    font-size: 9px;    color: #ff9000;    line-height: 35px;    margin-right: 10px;    float: left;}
.wbcitem_1 .rlist .rightc {    float: right;    width: 100px;    text-align: right;    line-height: 32px;    }
    
.wbcitem_2{	width:250px;	margin-right:0px;	font-size: 14px;
background: #fff url(./images/wsgptop.png) no-repeat 0 0;border-radius: 10px;
padding: 0px 10px;height: 384px;
box-shadow: 5px 0px 9px 0px #c8c8c8;
} 
    
.wbcitem_2 .tit{
    line-height: 32px;
	font-size: 20px;
	font-weight: bold;
	color: #009df7;
	height: 32px;
}
.wbcitem_2 .tabdiv {
    float: right;
    width: 68px;
    text-align: right;
}

.wbcitem_2 .tabdiv a {
    font-size: 12px;
    color: #5e5e5e;
    line-height: 32px;
    display: inline;
}
.wbcitem_2 .tabdiv a:hover{ color:#00a2ff;}
.wbcitem_2 .newsc {
    margin-top: 15px;
    background: #F5F5F5;
    border-radius: 10px;
    padding: 10px 10px;
    line-height: 30px;
    }
.wbcitem_2 .newsc .newscm {
    margin: 10px 0;
    background: #f60;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
    border-radius: 10px;
    padding: 5px 15px;}   
    
    

/*设施介绍*/
.water_con_box_bottom{width:100%;height:220px;position:relative;margin-top:35px;}
.water_facilities_title{font-size:18px;font-weight:500;color:#666666;border-left:5px solid #00a2ff;padding-left:10px;}
.water_facilities_title em{color:#00a2ff;}

.water_facilities_wrap{width:1000px;height:220px;overflow-x:hidden;position:relative;margin: 0px auto;}
.water_facilities_list{position:relative;left:0px;width:99999px;height:180px;margin-top:10px;}
.water_facilities_list a{display:block;width:240px;height:175px;float:left;margin-right:10px;position:relative;overflow:hidden;cursor:pointer;}
.water_facilities_list a img{width:100%;height:100%;}

.water_facilities_text{width:100%;height:180px;position:absolute;left:0px;top:-180px;background:url(./images/bluebg.jpg) 0px 0px no-repeat;text-align:center;transition:0.5s;}
.waterFacBtns:hover.waterFacBtns .water_facilities_text{top:0px;}

.water_facilities_text h4{display:inline-block;text-align:left;font-size:20px;color:#fff;font-weight:500;width:220px;margin-top:30px;cursor:pointer;}
.water_facilities_text p{display:inline-block;text-align:left;font-size:14px;color:#fff;width:220px;margin-top:15px;cursor:pointer;}
.water_facilities_text span{display:inline-block;font-size:14px;color:#fff;position:absolute;right:20px;bottom:20px;width:80px;height:26px;line-height:26px;text-align:center;border:1px solid #fff;border-radius:20px;cursor:pointer;}

.water_facilities_prev{display:block;width:50px;height:50px;background:url(./images/facBtn.png) 0px 0px no-repeat;position:absolute;z-index:2;left:-30px;top:75px;}
.water_facilities_next{display:block;width:50px;height:50px;background:url(./images/facBtn.png) -53px 0px no-repeat;position:absolute;z-index:2;right:-30px;top:75px;}

.water_facilities_prev:hover{background:url(./images/facBtn.png) 0px -55px no-repeat;}
.water_facilities_next:hover{background:url(./images/facBtn.png) -53px -55px no-repeat;}

/* 在线咨询 */
.ask{width: 580px;height: 60px;margin: 0 auto;background: #fff;line-height: 60px;position: relative;margin-top: 100px;margin-bottom: 60px;font-size: 18px;
-webkit-box-shadow: #aaa 0px 0px 10px;
-moz-box-shadow: #aaa 0px 0px 10px;

box-shadow: 1px 10px 15px rgba(204,204,204,.9);

}
.ask_l{width:440px;padding-left: 20px; position: absolute;left: 0;color: #999;}
.ask_r{width:120px;background: #f60;position: absolute;right: 0px;color: #fff;text-align: center;}
.ask_r:hover{background:#0088cc;}

.scliitem{
	display: block;
	background: #fff;
	padding: 25px 12px;
	margin: 0px 5px;	
	border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-box-shadow: #aaa 0px 0px 10px;
-moz-box-shadow: #aaa 0px 0px 10px;

box-shadow: 1px 10px 15px rgba(204,204,204,.9);
border:1px solid #ccc;
	
}
.scliitem img{margin-top:20px;}
.scliitem:hover{margin-top:-15px;}

#feature ul li .ftext:hover h3{color:#000;}

/* -- incBox -- */
.incBox {
	margin-bottom:7px;	
	background: url("images/title_bg.jpg") repeat-x scroll 0% 0% #FFF;	
}
.incBox h3{
	color: #666;
	font-size: 15px;
	font-weight: inherit;
	line-height: 35px;
	padding: 2px 4px 2px 10px;
	background: url("images/title_bg1.jpg") no-repeat scroll 0% 0%;
}
.incBox img{padding:4px;border:1px solid #ccc;}
.brand img{width:90px;height:40px;padding:0px;border:0px;}

.feate{position: relative;height: 120px;width: 1200px;margin: 0px auto;}
.feate ul{
	display: box;
	display: -ms-box;
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;	
}
.feate ul dt{
	font-family: 宋体;
	position: absolute;
	width: 60px;
	height: 60px;
	color: #0099e6;
	border: 1px solid #0099e6;
	border-radius: 50%;
	line-height: 54px;
	font-size: 35px;
	text-align: center;
    margin-top: 5px;cursor: pointer;
}
.feate ul li {cursor: pointer;}
.feate ul li dd {
    position: absolute;
    left: 78px;
    top: 8px;    cursor: pointer;
    }
  
.feate ul li dd:after {
  content: "";
  display: block;
  height: 2px;
  background-color: #0099e6;
  margin-top: 5px;
  width: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.feate ul li dd:hover:after {
  width: 100%;
}
.feate ul dd strong {
    font-size: 16px;
    padding-bottom: 10px;
    display: block;
 }
.feate ul li {
    display: inline-block;
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -webkit-box-flex: 1;
    position: relative;
margin-top: 25px;
   }
   .feate ul li:hover{color:#0099e6;}
 .feate ul li:hover dt{
 background-color: #0099e6;transform: scale(1);
color: #fff;}



/* -- page -- */
#pageLeft {
	/*float: left;*/
	width: 240px;
	background: #fff;
	padding: 0px; 
	border: 0;
	margin-top: 20px;
	
}
#pageLeft .litem{border: 1px solid #ccc;padding: 15px 14px; margin-bottom:20px;}
#pageLeft .litem h4{
	width: auto;
	display: inline;
	font-size: 24px;
	color: #0066b3;
	background: url(images/tit-icon.jpg) no-repeat left center;
	padding-left: 30px;
}
.pl_artlist{
	margin: 10px 0px 10px;
	border-top: 1px dashed #ccc;
}
.pl_artlist li{
	line-height: 45px;
	overflow: hidden;
	margin: 8px 0px;
}
.pl_artlist li img{width:100px;height: 66px;margin-right: 5px;float: left;}
#pageIn {
	/*float: right;*/
	/*width: 960px;*/
	width:80%;
	position: relative;
	margin-top: 20px;
	min-height: 500px;
	/*border: 1px solid #ccc;*/
	background: #fff;
	margin-bottom: 30px;
}
#pageIn .topyuan{
	width: 650px;
	height: 50px;
	position: absolute;
	background: #fff;
	border-radius: 50%;
	top: -20px;
	margin-left: 75px;
	z-index: 9;
}

/* 例子css */
.slidedivf{background: #fff;}
		.slideBox{ width:550px; height:400px;margin-bottom:0px; overflow:hidden; position:relative; border:0px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; width:50%;}
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{    border-radius: 50px; float:left; margin-right:2px;  width:15px; height:10px; line-height:14px; text-align:center; background:#eee; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#0080ff; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:60px; background:url(./images/slider-arrow.png) -110px 15px no-repeat #21aaf9;/* filter:alpha(opacity=50);opacity:0.5; */  }
		.slideBox .next{ left:auto; right:3%; background-position:8px 15px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

/* -- style -- */
.price {
	color:#999;
}

/* -- tree -- */
.treeBox {
	margin-bottom: 35px;
}
.treeBox_div{
	border-top: 1px solid #6ac9ff;
}



.treeBox h3 {
	height: 100px;
	line-height: 60px;
	color: #fff;
	font-weight: 800;
	font-size: 20px;
	text-align: center;
	background: url(./images/new_icon.png) no-repeat 0 0;
}
.treeBox2{margin-top:10px;border-top:0px solid #fff;}
.treeBox2 h3 {color:#fff;}
.treeBox2 h3 span{color:#fff;padding-left:10px;font-size:12px;}

.treeBox a {
	color: #fff;
	font-size: 15px;
	display:block;	
	line-height:46px;
	height:46px;
	text-align: center;
    border-bottom: 1px solid #6ac9ff;
}

.treeBox li.cur a,.treeBox li a.cur,.treeBox li a:hover{
	background-color: #0675cb;
}
.itemnav{
    background: #5cbdf5;
}
.itemnav a{
	font-size: 12px;
	text-align: left;
    padding-left: 10px;
    text-overflow:ellipsis; 
    white-space:nowrap;
}

.abouttipcss{
	position: absolute;
	border: 10px solid #0066b3;
	width: 60px;
	height: 60px;
	border-bottom: 0px;
	border-right: 0px;
}

/* 库项目样式
----------------------------------------------- */
/* -- urHere -- */
.urHere {
	height:56px;
	line-height:56px;
	color:#666;
	padding-right:10px;
	border-radius: 8px 8px 0px 0px;
	margin-bottom: 10px;
	position: relative;
	
	border-bottom: 1px solid #ccc;

}

.urHere span.ff{
	font-size: 25px;
	color: #1c89cc;
	padding-left: 15px;
}
.urHere span.ftit{
	font-size: 25px;
	color: #1c89cc;
	padding-left: 5px;
}
.urHere div.fri00{
	width: 500px;
	float: right;
	text-align: right;
}
.urHere a {
	color:#666;
}
.urHere a:hover,.pager a:hover
{color:#00a2ff;}
.urHere b {
	margin:0 8px;
}
#page{background: #fff;border-radius:0px 0px 8px 8px;}

.m300p50{
padding-top:260px;padding-bottom:30px;
}
.menu-toggle,.apply-btn {
    display: none;
}
/* -- recommendProduct -- */
.recommendProduct {
	padding-top:1px;
}
.recommendProduct li {
	float:left;
    width: 248px;
    height: 200px;
	margin:10px 4px 0px 4px;
	text-align:center;
}
.recommendProduct li.clearBorder {
	margin-right:0;
}
.recommendProduct .img {
	border:1px solid #E4E4E4;
	margin-bottom:8px;
	width: 248px;
    height: 162px;
    overflow: hidden;
}
.recommendProduct li:hover{
	background:#f1f1f1
}
.recommendProduct .img img{width:100%;}

/* -- recommendsc -- */

.recommendsc li {
	float:left;
	width:265px;	height:250px;
	margin:6px 10px 0 0;
	text-align:center;
}
.recommendsc li #rsca{background:#fff; display: block;width:100%;height:100%;}
.recommendsc li #rsca:hover{background:#FAF5DC;}
.recommendsc li.clearBorder {
	margin-right:0;
}
.recommendsc li h2{
	  padding-top: 10px;
	  font-size: 16px;
	  font-weight: 100;
	  font-family:"Microsoft YaHei";
	  color:#4F4F50;
}

.bodynavlist{	background: #fff;padding: 18px 28px 18px 0;border: 1px solid #ccc; }
.bodynavlist .bnl-item{
	line-height: 45px;overflow: hidden;
}
.bodynavlist .bnl-item h5{
	float: left;width: 98px;color: #888;text-align: right;margin-right: 22px;
	line-height: 45px;
}
.bodynavlist .bnl-item div{
	float: left;
	width: 1000px;
	line-height: 45px;
}
.bodynavlist .bnl-item div a{
	margin-right:8px;padding: 5px 8px;
	font-size: 16px;
}
.bodynavlist .bnl-item div a.on,.bodynavlist .bnl-item div a:hover{
	background: #0066b3;
	color: #fff;
}

/* -- recommend_pro_cat_sc -- */
.recommend_pro_cat_sc {
	padding-top:0px;
	background: #fff;
}
.recommend_pro_cat_sc li {
	float:left;
	width:330px;	height:130px;
	margin:10px 0 0 10px;
	text-align:center;
	border:1px solid #d2d2d2;
}
.recommend_pro_cat_sc li #rsca{background:#fff;display: block;width:100%;height:100%;}
.recommend_pro_cat_sc li #rsca:hover{background:#C5E4F5;}
.recommend_pro_cat_sc li.clearBorder {
	margin-right:0;
}
.recommend_pro_cat_sc li .title{
	line-height: 35px;
	text-align: left;
	padding-left: 30px;
	font-weight: bold;
	color: #777;
	background: url("images/items_ico_02.gif") no-repeat scroll 10px 12px transparent;
	margin-bottom: 5px;	
}
.recommend_pro_cat_sc li .context{
	line-height: 23px;
	text-align: left;
	color: #777;
}
.recommend_pro_cat_sc li .context img{
	float: left;
	border: 0px;
	padding:0px 10px;
	width: 112px;
	height: 80px;
}
/* -- recommendCase -- */
.recommendCase {
	padding-top:0px;
}
.recommendCase li {
	float:left;
	width:180px;
	margin:0 5px 0 5px;
	text-align:center;
}
.recommendCase li.clearBorder {
	margin-right:0;
}
.recommendCase .img {
}
.recommendCase .name {	margin:5px auto;
}


/* -- about -- */
.about {
	padding-top:0px;
}
.contact  h3 span,.incBox h3 span {
    font-family: Arial;
    font-size: 12px;
    color: #aaa;
    margin-left:5px;
}

.about dl {
	float:right;
}
.about dl dt {
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#313131;
	padding:5px 0;
}
.about dl dd {
	line-height:200%;
	color:#555;
	word-wrap:break-word;
	word-break:normal;
	text-indent: 2em;
	padding-right:12px;
	margin-top:5px;
}
.about .aboutBtn {
	display:block;
	text-decoration:underline;
	color:#CC0000;
	font-weight:bold;
	margin-top:12px;
}
/* -- recommendArticle -- */
.recommendArticle li {	
	line-height:37px;
	padding-left:10px;
	border-bottom: 1px dotted rgb(204, 204, 204);
	font-size:14px;
}
.recommendArticle li a{color:#555;}
.recommendArticle li a:hover{color:#f60;}
.recommendArticle li b {
	margin-right:10px;
	color:#666;
}
.recommendArticle li.last {
	border-bottom:0;
}
.recommendArticle li:hover{
	background-color:#333;color:#fff;
}
.recommendArticle li:hover a,.recommendArticle li:hover b{color:#fff;}
/* -- contact -- */
.contact {
	border:1px solid #CBD1D3;
	background-color:#EFEFEF;
	padding:15px;
}
.contact h3 {
	border-bottom:1px solid #CBD1D3;
	padding-bottom:10px;
	font-size:14px;
	color:#7A7F81;
}
.contact ul {
	padding:15px 0 0 3px;
}
.contact li {
	background:url(images/icon_contact.gif) no-repeat 0 0;
	height:30px;
	line-height:30px;
	padding-left:47px;
	margin-bottom:8px;
	color:#666;
}
.contact li.tel {
	background-position:0 -30px;
}
.contact li.fax {
	background-position:0 -60px;
}
.contact li.url {
	background-position:0 -90px;
}
.contact li.email {
	background-position:0 -120px;
}
/* page
----------------------------------------------- */
#page {
	padding:30px;
}

#page h3 {
	text-align: center;
	margin-bottom: 28px;
}
#page h3 span {
    font-size: 30px;
    color: #822d43;
}
#page h3 i {
    font-size: 16px;
	color: #888;
}
#page h1 {
	color:#333333;
	font-size:23px;
	font-weight:bold;
	border-bottom: 1px dotted #ccc;
  padding: 10px;
  text-align: center;
}
#page  .content {
	color:#535353;
	line-height: 30px;
	font-size:16px;
}
#page .content p{	
	margin-bottom:5px;
}
#page .content p img{max-width:100%;}

.tableborder1 td{
	border: 1px solid #6aa3cf;
	text-align: center;
	font-size: 16px;
	line-height: 45px;
}

/* product_category
----------------------------------------------- */
.cate_List{
	padding-top:10px;
	padding-bottom:30px;
}
.zs_item{padding: 0px 20px;line-height: 28px;
	min-height:500px;
}
.zs_item ul{margin:20px auto;}
.zs_item h3 {
	color: #666;
	font-size: 15px;
	font-weight: inherit;
	line-height: 35px;
	padding: 5px 4px 0px 10px;
	background: url("images/title_bg1.jpg") no-repeat scroll 0% 0%;
}
.zs_item .proall_h3{
	margin-top:20px;
	background:#F75408;
}
.zs_item .proall_h3 i{	
	font-weight: bold;
	line-height: 35px;
	display: block;
	width:170px;
	float: left;
	text-align: center;
	margin-right: 5px;
	height: 35px;
	border-radius:10px 10px 0 0 ;
	background:#9CD9F1;
	cursor: pointer;
}
.zs_item .proall_h3 i.curr{
	background:#fff;
}
.cate_List .zs_item_tit{margin-top:20px;border-bottom: 1px dashed #CCC;}
.cate_List .zs_item_tit a{float:left;width:100px;}
.cate_List .zs_item_tit p{float: left;
width: 600px;
color: #888;
line-height: 20px;
margin-bottom: 8px;}

.ul_zs li{float:left;width:197px;height:120px;background:#fff;margin:9px 0 0 11px;overflow:hidden;border:1px solid #ccc; vertical-align:bottom;display:inline}
.ul_zs li:hover,.ul_zs li:active{background:#C5E4F5;}
.ul_zs a{position: relative;display:block;width:100%;height:100%;}
.ul_zs a em {
   float: left;
	cursor: pointer;
	position: absolute;
	display: block;
	line-height: 40px;
	height: 40px;
	background:  url("images/zs.png");
	width: 197px;
	text-align: center;
	bottom: 0px;
    }
.ul_zs a:hover em{
	line-height: 120px;
	height: 120px;
	color:#000;
	font-size:16px;
}
.ul_zs img {
    vertical-align: middle;
    width:197px;
    height:120px;
}
.zs_item .mores {
    float: right;
    width: 41px;
    height: 15px;
    padding: 0px 8px 0px 0px;
    margin: -25px 0px 0px;
}
.zs_item .mores a {
    display: block;
    height: 15px;
    width: 41px;
    background: url("images/mores.gif") no-repeat scroll 0% 0% transparent;
    text-indent: -9999px;
    overflow: hidden;
}


/* product cat */
/*产品中心*/
/*产品中心-banner 开始*/
.product-center{
	background:#f8f8f8;
	overflow:hidden;
	min-height:1700px;
}
.product-banner{
	width:100%;
	position:relative;
	overflow:hidden;
	height:450px;
}
.product-banner-bg{
	width:1366px;
	height:576px;
	position:absolute;
	left:50%;
	margin-left:-683px;
}
.product-banner-anm{
	position:absolute;
	width:100%;
	top:400px;
	left:0;
	opacity:0;
}
.product-banner-h1{
	display:block;
}
.product-banner-h2{
	font-size:46px;
	color:#fff;
	height:60px;
	line-height:60px;
	margin-bottom:40px;
	margin-top:20px;
}
.product-banner-btn{
	display:block;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.product-banner-btn:hover{
	padding-top:15px;
}


.pb-slide{
	width:100%;
	position: absolute;
	overflow:hidden;
	height:450px;
	z-index:1;
}
.pb-slide .pb-bd{
	width:100%;
	position:relative;
	overflow:hidden;
	height:450px;
}
.pb-slide .pb-bd ul{
	position:relative;
	overflow:hidden;
}
.pb-slide .pb-bd ul li .pb-div{
    height:450px;
    background: no-repeat center;   
    background-size: auto 100%;
    background-position:center center
}

.pb-bd-list li{
	width:100%;
	height:450px;
	position:relative;
	float:left;
	overflow:hidden;
}
.pb-bd-list li .pb-bd-img1{
	width:1600px;
	height:450px;
	position:absolute;
	left:50%;
	margin-left:-960px;
}
.pb-bd-list li .pb-bd-img2{
	width:1366px;
	height:576px;
	position:absolute;
	left:50%;
	margin-left:-683px;
	display:none;
}

.pb-slide .pb-hd{
	width:100%;
	position: absolute;
	height:40px;
	bottom:0;
	line-height:60px;
	text-align:center;
	z-index:990;
}
.pb-hd-list{
	display:inline-block;
	zoom:1;
	*display:inline;
}
.pb-hd-list li{
	width:12px;
	float:left;
	height:10px;
	background-color:#fff;
	margin-right:6px;
	border-radius:5px;
}
.pb-hd-list li:hover{
	background-color:#0066b3;
}
.pb-hd-list .on{
	background-color:#0066b3;
}
.gc-content{
	height:810px;
	z-index:99;
}

.pb-slide-prev{
	left:20px;
	background:url(./images/index_banner_left_03.png) 0 0 no-repeat;
	position:absolute;
	z-index:99;
	width:36px;
	height:70px;
	top:170px;
}
.pb-slide-prev:hover{
	background-position:0 -130px;
}
.pb-slide-next{
	right:20px;
	background:url(./images/index_banner_right_03.png) 0 0 no-repeat;
	position:absolute;
	z-index:99;
	width:36px;
	height:70px;
	top:170px;
}
.pb-slide-next:hover{
	background-position:0 -130px;
}


.pb-bd-index{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	top:0;
}


/*产品中心-banner 结束*/

/*产品中心-菜单开始 */

.allbrands{
	height:300px;
}
.allbrands ul{
	height:300px;
	width:780px;
	margin:0 auto;
}
.allbrands ul li{
	float:left;
	height:190px;
	width:260px;
	position:relative;
	padding-top: 90px;
	text-align: center;color: #fff;
}
.allbrands ul li span{
	display: block;
	font-size: 20px;	
}
.allbrands ul li img{
	width:117px;height:117px;
}
.allbrands ul li a{color:#ddd}
.allbrands ul li a:hover{color:#f60}
.band_title{
	width:370px;
	padding-top:75px;
	height:250px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	z-index:99;
	position:relative;
	background:url(./images/goods_title_bg_03.png) center center no-repeat;	
}
.band_title .pro-name{
	font-size:36px;
	height:54px;
	line-height:54px;
	color: #f60;
	margin: 0 auto;
    margin-bottom: 0px;
	text-align: center;
	margin-bottom: 5px;
}
.band_title .pro-name-eng {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: -5px;
    color: #999999;
    text-align: center;
}
.band_title .column-hr{
	width:84px;
	height:9px;
	margin:0 auto;
	background:url(./images/history_hr_072.png) center center no-repeat;
}

.pro_main .pro-nav-sec {
    height: 80px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #222;
}
.pro_main .pro-nav-sec .content {
    width: 1302px;
    margin: 0 auto;
    position: relative;
}
.pro-nav-sec .nav-sec-list{
	display:inline-block;
	zoom:1;
	*display:inline;
}
.pro-nav-sec .nav-sec-list {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.pro-nav-sec .nav-sec-list li{
	float:left;
	height:79px;
	margin-right:60px;
	position:relative;
	cursor: pointer;
}
.pro-nav-sec .nav-sec-list .on {
    border-bottom: 1px solid #fd3d00;
}

.nav-sec-list li div {
    float: left;
    margin-right: 10px;
    height: 40px;
    margin-top: 19px;
    background-position: left 0px;

}
.pro-nav-sec .nav-sec-list li div.pro-right{
	float: left;
	text-align: left;
}
.nav-sec-list li div.bg0{
	width:25px;
	background:url(./images/nav2_icon1_03.png);
}
.nav-sec-list li div.bg1{
	width:25px;
	background:url(./images/nav2_icon1_03.png);
}
.nav-sec-list li div.bg2{	
	width:25px;
	background:url(./images/nav2_icon1_03.png);
}
.nav-sec-list li div.bg3{
	width:25px;
	background:url(./images/nav2_icon1_03.png);
	
}
.nav-sec-list li div.bg4{
	width:25px;
	background:url(./images/nav2_icon1_03.png);
}
.nav-sec-list li div.bg5{	
	width:33px;
	background:url(./images/nav2_icon4_03.png);
}.nav-sec-list li div.bg6{
	width:36px;
	background:url(./images/nav2_icon3_03.png);
}
.nav-sec-list li div.bg7{
	width:25px;
	background:url(./images/nav2_icon1_03.png);
}
.nav-sec-list li div.bg8{
	width:25px;
	background:url(./images/nav2_icon1_03.png);
}
.nav-sec-list li div.bg9{
	width:30px;
	background:url(./images/nav2_icon5_03.png);
}
.nav-sec-list li div.bg10{
	width:55px;
	background:url(./images/nav2_icon2_03.png);
}



.content {
    margin: 0 auto;
    position: relative;
    font-size: 16px;
}
.nav-sec-list li span{
	color:#a1a1a1;
	font-size:15px;
}
.pro-nav-sec .nav-sec-list li:hover{
	border-bottom:1px solid #fd3d00;
}
.pro-nav-sec .nav-sec-list li:hover span{
	color:#fd3d00;
}
.pro-nav-sec .nav-sec-list li:hover div{
	background-position:left 47px;
}
.pro-nav-sec .nav-sec-list .on{
	border-bottom:1px solid #fd3d00;
}
.pro-nav-sec .nav-sec-list .on span{
	color:#fd3d00;
}
.pro-nav-sec .nav-sec-list .on div{
	background-position:left 47px;
}


.pro-nav-sec .nav-sec-list li .cn{
	display:inline-block;
	height:20px;
	line-height:20px;
	text-align:left;
	max-width:135px;
}
.pro-nav-sec .nav-sec-list li .eng{
	display:inline-block;
	min-height:14px;
	line-height:14px;
	text-align:left;
	font-size:12px;
	max-width:135px;
}

.pro-nav-th{
	font-size: 12px;
	color: #666666;
	height: 56px;
	padding: 20px 0;
	border-bottom: 1px solid #222;
}
.nav-th-list{
	width:100%;
	height:14px;	
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.nav-th-list li{
	padding:0px 20px;
	border-left:1px solid #222;
	float:left;
	height:14px;
	line-height:14px;
	font-size: 12px;
	color: #aaa;
	cursor: pointer;
}
.nav-th-list li{
	color:#999;
}
.nav-th-list li:hover {
	color:#fd3d00;
}
.nav-th-list .on a{
	color:#fd3d00;
}
.pro-nav-for{
	padding-top:20px;
	height:26px;
	line-height:26px;
	font-size:14px;
	color:#666666;
}
.nav-for-laber{
	display:block;
	float:left;
}
.nav-for-list{
	overflow:hidden;
}
.nav-for-list li{
	float:left;
	margin-left:20px;
}
.nav-for-list li a{
	display:block;
	color:#666666;
	height:24px;
	line-height:24px;
	padding:0 5px;
	border:1px solid #666666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.nav-for-list li:hover a{
	color:#333333;
	background:#dbdbdb;
	border:1px solid #dbdbdb;
}
.nav-for-list .on a{
	color:#333333;
	background:#dbdbdb;
	border:1px solid #dbdbdb;
}


/*产品中心-产品列表开始 */
.productList {
	padding:20px 10px;
	color:#666;
}
.productList .pro_item .pic {
    float: left;
    height: 223px;
    width: 208px;
}
.proattr{
	font-size: 15px;
	background: #333;
	margin: 2px 10px;
	line-height: 30px;
	text-align: left;
	color: #999;
	overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.proattr span{
	display: block;
width: 35%;
float: left;
text-align: right;
padding-right: 10px;
margin-right: 10px;
background: #222;
overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.productList .pro_item .text {
    float: right;
    width: 540px;
}
.productList .pro_item .text h3 {
   background: #E64346;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    border-bottom: 2px solid #ccc;
}
.productList .pro_item .text h3 a,
.productList .pro_item .text h3 a:visited {
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: normal;
    margin-right:10px;
}
.productList .pro_item .text h3 a:hover {
    color: #E64346; margin-right:10px;
}
.productList .pro_item .text ul {
    margin-top: 8px;
}
.productList .pro_item .text ul li {
    background: url("images/ico_3.gif") no-repeat scroll 0 8px;
    float: left;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding-left: 10px;
    width: 170px;
}
.productList dl {
	float: left;
	margin: 0 12px;
	width: 268px;
	text-align: center;
	height: 300px;
	position: relative;
	text-align: center;
}
.productList dl a{
	  display: inline-block;
	position: relative;
height: 280px;
width: 100%;
overflow: hidden;
float: left;
}
.productList dl a:hover{color:#f60;}
.productList dl a img{
    width: 100%;   
    margin-bottom: 12px;
    vertical-align: middle;
     -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}
.productList dl a:hover img{
	  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.productList dl a span {
    bottom: 5px;
    font-size: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 250px;
}

.product-list{
	overflow:hidden;
	padding-top:50px;
	padding-bottom:50px;
}
.product-list dl{
	width:295px;
	height:420px;
	position:relative;
	padding-top:40px;
	margin-right:30px;
	float:left;
	text-align:center;
	border:1px solid #000;
	border-bottom:1px dotted #333;
	overflow: hidden;
}
.product-list dl:hover{
	
}
.product-list dl:hover a img{
	  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.product-list .product-new{
	display:block;
	width:56px;
	height:43px;
	position:absolute;
	left:20px;
	top:20px;
	background:url(./images/goods_new_03.png) center center no-repeat;
}
.product-list .product-img{
	width:300px;
	height:260px;
	padding-bottom:10px;
}
.product-list .product-img img{
	max-width:300px;
	max-height:260px;
	display:block;
	margin:0 auto;
}
.product-list .product-name{
	height:32px;
	line-height:32px;
	font-size:24px;
	color:#fff;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.product-list .product-exp{
	font-size:12px;
	color:#999999;
	height:18px;
	line-height:18px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.product-list .product-more{
	display:block;
	margin-top:10px;
	font-size:14px;
	color:#333333;
	height:42px;
	line-height:42px;
}
.product-list dl:hover div{color:#f60;}
/* product
----------------------------------------------- */
#pageIn_mbox{

}
#product {
	width: 100%;
	float: left;
	min-height: 460px;
}
#product .productImg {
	float: left;
	width: 660px;
	height: 500px;
}
/*产品中心详情页-尺寸图 开始*/
.productImg .gsdt-img{
	width:660px; 
	height:500px;	
}
.productImg .gsdt-img-slide{
	position:relative;
	height:500px;	
}
.productImg .gsdt-img-slide .bd{
	height: 500px;
	width: 660px;
	margin: 0 auto;
}
.productImg .gsdt-img-list{
	position: relative;
	overflow:hidden;
}
.productImg .gsdt-img-list li{
	height:500px;
	width:660px;
	float:left;
	position:relative;
}
.productImg .gsdt-img-list li img{
	max-width:660px;
	max-height:500px;
	display:block;
	margin:0 auto;
}
.gsdt-img-slide .hd{
	width:100%;
	min-width:660px;
	text-align:center;
	margin-top:10px;
}
.gsdt-img-page{
	display:inline-block;
	*display: inline;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	
}
.gsdt-img-page li{
	width:22px;
	height:22px;
	float:left;
	margin-right:10px;
	background:url(./images/group_page_08.png) -1px center no-repeat;
}
.gsdt-img-page li:hover{
	background-position:-34px center;
}
.gsdt-img-page .on{
	background-position:-34px center;
}
.gsdt-img-page li a{
	display:block;
}
.gsdt-img-slide .img-prev{
	background: url(./images/index_banner_left_03.png) 0 0 no-repeat;
	width:36px;
	height:70px;
	display:block;
	position:absolute;
	left:0;
	top:200px;
	z-index:99;
}
.gsdt-img-slide .img-prev:hover{
	background-position:0 -130px;
}
.gsdt-img-slide .img-next{
	background: url(./images/index_banner_right_03.png) 0 0 no-repeat;
	width:36px;
	height:70px;
	display:block;
	position:absolute;
	right:0;
	top:200px;
	z-index:99;
}
.gsdt-img-slide .img-next:hover{
	background-position:0 -130px;
}
/*产品中心详情页-尺寸图 结束*/

#imgto {
    height: 420px;
}
#imgto .big {
    height: 435px;
}
#imgto .big img {
    width: 600px;
    height: 430px;
}

#imgto .small {
    height: 85px;margin-top: 10px;
}
#imgto .small div {
    float: left;
    overflow: hidden;
}
#imgto .small div.imgl, #imgto .small div.imgr {
    width: 19px;
    height: 83px;
    border: 1px solid #f1f1f1;
    background-color: #F6F6F6;
    text-align: center;
    line-height: 83px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
}
#imgto .small div.imgc {
    width:560px;
    position: relative;
    height: 85px;
}

#imgto .small div.imgc ul {
    position: absolute;
    width: 2200px;
    height: 85px;
    top: 0px;
    left: 0px;
}
#imgto .small div.imgc ul li {
    float: left;
    width: 95px;
    padding-left: 5px;
    cursor: pointer;
}
#imgto .small div.imgc ul li img {
   width: 110px;
height: 83px;
}
#imgto .small div.imgc ul li.the img {
    border: 1px solid #CCC;
}

#product {
	padding:10px;
}
#product h1 {
	line-height: 50px;
	font-size: 30px;
	text-align: center;
	text-indent: 0px;
	margin-top: 10px;
	color:#fff;
}
#product h3 {
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	text-indent: 0px;
	margin-top: 10px;
	margin-bottom:10px;
	color:#ddd;
}
#product .info {	
	padding: 1px 0px 0px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin: 5px auto 0px;
}
#product .content {	
	line-height: 1.7;
	font-size: 16px;
	color: #666;
	margin:20px 20px 20px 20px;
}
#product .content img{max-width:100%;margin-bottom:5px;}
#product .protit{
	background: #323e4f;
    padding: 10px 0px;
    border-bottom:8px solid #f90;
}
#product .protit h1{
	color:#fff;
}
#product .content-item table{
    width: 100%;
}
.content-item .t-title{
	width: 100%;
    background: #323e4f;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    border: 5px solid #c3c3c3;
    vertical-align: middle;
     border-left: 0px;
      border-right: 0px;
}
.content-item .t-tit{
	width: 20%;
    background: #323e4f;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    padding:5px 0px;
    border: 5px solid #bde4f5;
   vertical-align: middle;
    border-left: 0px;
}

.content-item .t-text{
	width:80%;
	background:#f1f1f1;
	border: 5px solid #bde4f5;
	padding:5px 10px;
	font-size: 16px; 
	vertical-align: top;
	    border-right: 0px;
}
.biaoming{
	position: absolute;
    right: 30px;
    top: 30px;
    color: #fff;
    background: #f90;
    padding: 10px 30px;
    border-radius: 10px;
}
.content-item .t-text img{width:100%;}
/* article_category
----------------------------------------------- */
#articleList{padding:5px 25px;position: relative;}

#articleList dl {	
	float: left;
	width: 660px;
	margin-left:25px;
	color:#666;
	position: relative;
}
#articleList dl.last {
	border-bottom:0;
}
.articleList ul li{
	padding:20px 0px;border-bottom: 1px solid #ccc;position: relative;
}

.articleList dl h2{
	font: normal 22px/25px "微软雅黑";
	color: #3d3d3d;
	margin-bottom: 15px;
}
.articleList dl dd{
	text-indent:2em
}
.articleList  .time{
	position: absolute;
    bottom: 15px;
    right: 10px;
    color: #888;
}
.articleList  .time a{
	color:#3568df;
}
.xw2 .s1 {
  width: 200px;
  height: 180px;
  overflow: hidden;
  float: left;
}
.articleList dl h2:hover{
	color:#0066b3;
}
.xw2 .s1 img {
  width: 100%;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}
.xw2 .s1:hover img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}



/* article
----------------------------------------------- */
#article {
	padding:30px;
}
#article h1 {
	line-height:30px;	
	font: normal 20px/35px "宋体";
	font-weight: bold;
	text-align: center;
}
#article .info {
	color: #999;
font-size: 14px;
text-align: center;
margin: 25px auto;
border-top: 1px solid #ccc;
padding-top: 10px;
}
#article .content ,#article .content p{
	/*line-height: 30px;*/
	/*font-size: 16px;*/
	/*color: #666;*/
}
#article .content img,.content img{max-width:100%;margin-bottom:5px;}
.xwx3 {
 width: 100%;
margin-top: 2px;
background: #Fff;
padding: 10px 10px 0px 40px;
}
.xwx3 .xwx31 {
  float: left;
}
.xwx3 .xwx31 p {
  font-size: 14px;
  margin-bottom: 14px;
}
.xwx3 .xwx31 p a {
  display: inline-block;
}
.xwx3 .xwx31 p a:after {
  display: block;
  content: "";
  width: 0%;
  border-bottom: 1px solid #0066b3;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.xwx3 .xwx31 p a:hover:after {
  width: 100%;
}
/* case_category
----------------------------------------------- */
.caselistbox{padding-top:0px;padding-bottom:50px;}
.caselistbox1{padding-top:0px;padding-bottom:50px;}

.caselistbox .urHere{
	background:none;
}
.caselistbox #pageIn .topyuan{
	display:none;
}
#caselistbox .treeBox h3{
	background: url(./images/new_icon.png) no-repeat 0 0;
}
.caselist a{border: 1px solid #fff;display: block; width: 248px; height:260px; background: #fff; padding: 14px; float: left; margin-left: 15px; margin-bottom: 17px;}

.caselist .case-img{
	width: 100%;height: 150px;overflow: hidden;
}
.caselist a img{width: 100%;
 -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;}
.caselist a:hover img{
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.teacherList{
	    padding: 0px 30px;
}
.teacherList li{
	position: relative;
    padding: 40px 0;
    border-bottom: 1px solid #EEEEEE;
}
.teacherList .teacherImg{
	float: left;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	margin-right: 16px;
}
.teacherList li .teacherImg img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 5px solid #f1f1f1;
}
.teacherList li:hover .teacherImg img{border: 5px solid #b2d252;}
.teacherList li .teacherText{
	float: left;width:550px;
}
.teacherList li .teacherText .name-appellation{
	margin-top: 12px;
}
.teacherList li .teacherText .name-appellation .name{
	display: inline-block;
	line-height: 26px;
	font-size: 20px;
	padding-right: 24px;
	margin-right: 10px;
}
.teacherList li .teacherText .name-appellation .man{
	background: url(./images/man.png) no-repeat right center;
}
.teacherList li .teacherText .name-appellation .wuman{
	background: url(./images/wuman.png) no-repeat right center;
}
.teacherList li .teacherText .appellation{
	line-height: 26px;
	font-size: 14px;
	color: #999999;
}
.teacherList li .teacherText .seniority-region{
	font-size: 14px;
	color: #999999;
	margin: 8px 0;
}
.teacherList li .teacherText .seniority-region span{
	margin-right: 4px;
}
.teacherList li .teacherText .whatTeaching span{
	font-size: 14px;
	color: #333333;
	margin-right: 4px;
}
.teacherList li .whatTeaching{
	position: absolute;
	right: 20px;
	top: 72px;
}
.teacherList li .whatTeaching span{
	display: inline-block;
	color: #CDCDCD;
	font-size: 12px;
	padding-top: 32px;
	margin-left: 22px;
}
.teacherList li .whatTeaching .faceToFace_ok{
	color: #555;
	background: url(./images/icon-ms.png) no-repeat top center;
}
 .teacherBriefing{
	text-align: center;    margin: 50px 0px 30px 0px;
}
 .teacherBriefing .teacherImg{
	width: 100%;
}
 .teacherBriefing .teacherImg img{
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	    border: 5px solid #b2d252;
}
 .teacherBriefing .teacherName{
	margin: 7px 0 6px;
}
 .teacherBriefing .teacherName span{
	font-size: 32px;
}
.teacherBriefing .region-star{
	margin:10px 0px 0px 0px;
	color:#999;
}
.region-seniority{font-size: 18px;}

/* case
----------------------------------------------- */
#case {
	padding:10px;
}
#case h1 {
	line-height: 60px;
	font-size: 32px;
	text-align: center;
	text-indent: 0px;
	margin-top: 30px;
	font-weight: bold;
	font-family:'宋体';
}
#case .info {	
	padding: 1px 0px 20px;
	color: #848382;
	font-size: 14px;
	text-align: center;
	margin: 10px auto 0px;
	border-bottom: 1px solid #ddd;
}
#case .content {	
	line-height: 1.7;
	font-size: 16px;
	color: #666;
	margin:20px 20px 20px 20px;
}
#case .content img{max-width:100%;margin-bottom:5px;}
.case_tip{
	padding:30px 10px 10px 70px;
}
.case_tip .one{
	width:160px;
}
.case_tip .one img{width:140px;}
.case_tip .two{
	width: 420px;
border: 1px solid #0da9d9;
margin-left: 20px;
border-radius: 10px;
min-height: 160px;
padding: 10px;
}
.case_tip .two span{
	color: #444;
	display: block;
	padding-left: 10px;
	font-size: 14px;
}

 .makeAnAppointment{
	padding: 32px 30px 56px;
}
 .makeAnAppointment .input input{
	display: block;
	width: 264px;
	height: 46px;
	line-height: 46px;
	font-size: 15px;
	color: #333333;
	border: 2px solid #D3D3D3;
	border-radius: 8px;
	padding-left: 10px;
}
.makeAnAppointment .input textarea{
	display: block;
	width: 264px;
	height: 90px;
	line-height: 46px;
	font-size: 15px;
	color: #333333;
	border: 2px solid #D3D3D3;
	border-radius: 8px;
	padding-left: 10px;
}
 .makeAnAppointment .button{
	margin-top: 22px;
}
 .makeAnAppointment .button a{
	display: block;
	width: 274px;
	height: 46px;
	background: #05B572;
	line-height: 46px;
	font-size: 20px;
	color: #fff;
	border: 2px solid #05B572;
	border-radius: 8px;
	text-align: center;
}

.tabNav_menu a{
	padding: 15px 25px;
    line-height: 50px;
    border-bottom: 1px solid #fff;    
    font-weight: 888;font-size:18px;
}
.tabNav_menu a.on{border-bottom: 2px solid #888;}
/* download_category
----------------------------------------------- */

#downloadList dl {
	padding: 20px 0;
	width: 48%;
	float: left;
	height: 150px;
	background: #f1f1f1;
	padding: 20px;
	margin: 10px 0px;
	margin-right: 0px;
	margin-right: 20px;
}

#downloadList dt {
	margin-bottom: 10px;
	font-size: 20px;
	color: #333;
}
#downloadList dd {
	color: #333;
	padding-left: 20px;
	line-height: 25px;
}
#downloadList dl a{
	float:right;
	text-align:right;
	padding-top:12px;
	padding: 5px 35px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 18px;
	  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
  
  background-color: #f60;
	color:#fff;
}
#downloadList dl:hover a{
	background-color: #f60;color:#fff;
padding: 5px 50px;

 -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#downloadList dl:hover{
	background: #ccc;
}

/* download
----------------------------------------------- */
#download {
	padding:20px;
}
#download h1 {
	color:#333333;
	font-size:18px;
	font-weight:bold;
	text-align: center;
	line-height:60px;
}
#download .info {	
	padding:5px;
	color:#666;
	font-size:13px;
	text-align: center;
	background: #dedede;
	margin: 10px auto;
}
#download .info .dtn{margin-left:15px;padding:3px 15px;color:#fff;background:#1091F0;border-radius:20px;}
#download .info .dtn:hover{background:#f00;}
#download .content {
	color:#666666;
	line-height:180%;
}

/* 留言板
----------------------------------------------- */
.bb_ff{background: #fff;}
#guestBook {
	padding:50px 20px;
	background: #fff;
	/*box-shadow: 0px 6px 8px rgba(60, 60, 60, 0.3);*/
}
#guestBook h2 {
	color:#555;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
/* bookList */
#guestBook .bookList {
	margin-bottom:30px;
	line-height:180%;
	font-size:13px;
}
#guestBook .bookList dl {
	margin-bottom: 15px;
border: 1px solid #ccc;
padding: 15px;
border-radius: 8px;
background: #f1f1f1;
}
#guestBook .bookList dt {
	/*color:#999;*/
	margin-bottom:3px;
}
#guestBook .bookList dt b {
	color:#999;
	margin-left:20px;
}
#guestBook .bookList dd {
	color:#666;
	overflow:hidden;
	zoom:1;
	margin-top: 10px;
}
#guestBook .bookList dd em {
	float:left;
	width:65px;
}
#guestBook .bookList dd span {
	/*float:right;*/
	width:910px;
	text-align:left;
	font-width: bold;
}
#guestBook .bookList p {
	color:#0072C6;
	margin-top:10px;
	overflow:hidden;
	zoom:1;
}
#guestBook .bookList p em {
	float:left;
	width:70px;
}
#guestBook .bookList p span {
	float:left;
	width:800px;
}
#guestBook .bookList p b {
	color:#999;
	float:right;
}
#guestBook .bookList .pager {
	text-align:left;
}
/* bookList */
#guestBook .bookAdd {
	line-height:180%;
	font-size:13px;

	padding: 20px;
	background: #e9f5ff;
	border: 1px solid #ccc;
	border-radius: 8px;
}
#guestBook .bookAdd dl {
	overflow:hidden;
	zoom:1;
	margin-bottom:15px;
}
#guestBook .bookAdd dl dt, #guestBook .bookAdd dl dd {
	float:left;
}
#guestBook .bookAdd dl dt {
	width:70px;
	text-align:right;
	line-height:30px;
}
#guestBook .bookAdd .vcode {
	text-transform:uppercase;
}
#guestBook .bookAdd .select {
	height:28px;
}
#guestBook .bookAdd dl.cue {
	margin:-8px 0 10px 60px;
	color:#999;
}
#guestBook .bookAdd dl.submit {
	margin:20px 0 0 60px;
}
#guestBook .bookAdd dd b {
	display:block;
	padding: 2px 0 2px 3px;
	border:1px solid #fec600;
	color:#666;
	background-color:#fbf8e9 ;
	line-height:16px;
}
/* 提示信息
----------------------------------------------- */
#douMsg {
	padding:10px 0 100px 0;
}
#douMsg dl {
	padding:160px 0 200px 0;
	text-align:center;
	background-color:#EBEBEB;
	border-top:1px solid #FFFFFF;
}
#douMsg dt {
	color:#0072C6;
	font-size:16px;
	margin-bottom:30px;
	font-weight:bold;
}
#douMsg dd {
	color:#666;
}
#douMsg dd a {
	margin-left:5px;
	color:#000;
}
/* 分页
----------------------------------------------- */
.pager {
	text-align:right;
	padding:20px;
	color:#666;
	font-size: 14px;
}
.pager a {
	color: #159ddd;font-size: 14px;
}
/* link
----------------------------------------------- */

.link {
    margin-bottom: 10px;
padding: 15px 0px;
}
.link strong {
	color:#7A7F81;
	font-weight:bold;
}
.link a img {
	margin:0px 10px 12px 0px;
	border:1px solid #f1f1f1;
}
.link a:hover img {
	border:1px solid #ccc;
}
/* 在线客服
----------------------------------------------- */
#onlineService {
	position:fixed;
	_position:absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
	top:208px;
	right:0;
	z-index:666;
	display:block;
}
#onlineService dl {
	position:relative;
}
#onlineService .service {
	cursor:pointer;
	background:url(images/online_icon.gif) no-repeat;
	width:34px;
	height:110px;
}
#onlineService #pop {
	border: 3px solid #e30000;
	background-color: #fff;
	width: 107px;
	min-height: 84px;
	padding: 10px;
	position: absolute;
	right: 34px;
	top: 0;
	display: none;
	z-index: 666;
}



/* footer
----------------------------------------------- */
.footer{
	background: #1759a9;
	color: #fff;
	font-size: 14px;
	padding: 30px 0px 0px;
}
.footer hr{margin: 6px 0; border-top: 1px solid #999;}
.footer img { margin-bottom: 0px;width:260px;max-width: 260px;margin-top: 5px; }
.footer-menu{
	display: flex;
	justify-content: space-around;
}
.footer-menu ul { list-style-type: none; }
.footer-menu li { display: inline; line-height: 2; font-size: 18px; padding-right: 15px; text-transform: uppercase; }
.footer-menu li a { text-decoration: none; font-weight: 500;color: #fff}
.footer-menu li a:hover{color: #396}

.footer-menu p ,.footer-menu p a{
	font-size: 14px;
	line-height: 25px;
	color: #fff;}
.footer-menu li:last-child{padding-right:0;}
.link-box{
	margin-top: 30px;
}
.link-box,.link-box a{
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}
.link-box a{margin-right:8px;}

.link-box a:hover{color: #0066b3}
 @keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:105% 105%;}
}
@-moz-keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity:1; background-size:105% 105%;}
}
@-webkit-keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:105% 105%;}
}
@-o-keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:105% 105%;}
}

.ihiitemimg a:hover img{
 -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  
  transform: skew(30deg, 10deg);
	transition: all 3s linear 0s;
}

a.logo:hover img11{  
  transform: rotate(360deg);
	transition: all 3s linear 0s;
}

.bin_imgbg{
	position:relative;
}

/*内页右侧功能条*/
#rightSide { z-index:111; _display:none; position:fixed; top:0px; right:0px; width:66px; height:100%; }
#rightSide .actBtn{  position:absolute; left:0px; top:240px; cursor:pointer; width:42px; height:157px; background-image:url(/images/rightSideBtn01.png); }
#rightSide .actBtn:hover { filter:alpha(opacity=70); opacity:0.7; }

#rightSide .actListWrap {  position:absolute; top:0px; right:66px;  width:6px; padding-left:42px; overflow:hidden;  height:100%;  }
#rightSide .actListBox{ width:540px; height:100%; border-left:6px solid #f6841e; background:url(/images/shadow50.png); padding-top:120px;}

#rightSide .actListWrap h2 { margin:0 auto; width:490px;  height:30px; padding-bottom:5px; font:normal 16px/30px "微软雅黑"; border-bottom:1px solid #fff; color:#fff; }
#rightSide .actListWrap .act_nav {float:left;height:30px;overflow:hidden;}
#rightSide .actListWrap .act_nav a {float:left;height:24px;line-height:24px;padding:0 7px;color:#fff;border-radius:5px;margin:0 5px;position:relative;}
#rightSide .actListWrap .act_nav a.active {background-color:#f6841e;}
#rightSide .actListWrap .act_nav a em{position:absolute;left:-5px;top:5px;width:0px;height:14px;border-left:1px dotted #fff;}
#rightSide .actListWrap h2 a.more_act {  filter:alpha(opacity=70); opacity:0.7; float:right; text-indent:10px; *text-indent:18px; width:60px; height:30px;  overflow:hidden; background:url(./images/rightSide.png) no-repeat -70px -141px; font:bold 12px/30px "微软雅黑"; color:#fff; }
#rightSide .actListWrap h2 a.more_act span { float:right; margin-right:6px; width:18px; *display:none; height:30px;  overflow:hidden;  background:url(/images/spirit01.png) no-repeat -35px -555px; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#rightSide .actListWrap h2 a.more_act:hover { filter:alpha(opacity=100); opacity:1; }
#rightSide .actListWrap h2 a.more_act:hover span { 
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

#rightSide .actList { margin-top:20px;  margin-left:25px;}
#rightSide .actList ul {display:none;}
#rightSide .actList li { position:relative; float:left; width:232px; height:140px; margin-right:25px; margin-bottom:30px; overflow:hidden;} 
#rightSide .actList li img { display:block; width:232px; height:140px; }
#rightSide .actList .act_list2 a{cursor:default;}
#rightSide .actList .act_list1 li img{
	-webkit-transition:all 0.5s ease ;
	-moz-transition:all 0.5s ease ;
	-ms-transition:all 0.5s ease ;
	-o-transition:all 0.5s ease ;
	transition:all 0.5s ease ; 
}
#rightSide .actList .act_list1 li div { filter:alpha(opacity=0); opacity:0;  position:absolute; top:0px; left:0px;  padding:10px 15px; width:202px; height:120px; background:#f6841e url(/images/icon04.png) no-repeat 187px 101px; color:#fff; 

}
#rightSide .actList .act_list2  li .code_img {position:absolute;left:0px;top:140px;width:232px;height:140px;background:url(/activity/images/wx_mask50.png) repeat;
	-webkit-transition:all 0.5s ease ;
	-moz-transition:all 0.5s ease ;
	-ms-transition:all 0.5s ease ;
	-o-transition:all 0.5s ease ;
	transition:all 0.5s ease ;	
}
#rightSide .actList .act_list2  li .code_img img{width:120px;height:120px;position:absolute;left:56px;top:11px;}
#rightSide .actList .act_list1 li div{
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
	-webkit-transition:all 0.5s ease ;
	-moz-transition:all 0.5s ease ;
	-ms-transition:all 0.5s ease ;
	-o-transition:all 0.5s ease ;
	transition:all 0.5s ease ;	
}

#rightSide .actList .act_list1 li:hover img {  filter:alpha(opacity=0); opacity:0; 
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);
}
#rightSide .actList .act_list1 li:hover div {  filter:alpha(opacity=90); opacity:0.9; 
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
#rightSide .actList .act_list2 a:hover li .code_img{top:0px;}


#rightSide .actList li div h4 { font:bold 16px/30px "微软雅黑";  }
#rightSide .actList li div p { font:normal 12px/20px "微软雅黑"; }
#rightSide .actList li div h5 { padding-top:15px; font:bold 24px/40px Arial; } 
 
#rightSide .sideRight { position:relative; float:right; width:66px; height:100%; background:#e1eef5; }
#rightSide .rquickNav { width:66px; height:350px; padding-top:110px;}
#rightSide .rquickNav a { display:block; width:66px; height:60px; padding-top:34px; font:normal 12px/26px "微软雅黑"; color:#747474; text-align:center; margin-top:10px; background:url(./images/rightSide.png) no-repeat 15px 0px; 
	-webkit-transition:all 0.5s ease ;
	-moz-transition:all 0.5s ease ;
	-ms-transition:all 0.5s ease ;
	-o-transition:all 0.5s ease ;
	transition:all 0.5s ease ;
}
#rightSide .rquickNav a.a0 { background-position:15px -359px; }
#rightSide .rquickNav a.a1 { background-position:15px 0px; }
#rightSide .rquickNav a.a2 { background-position:15px -72px; }
#rightSide .rquickNav a.a3 { background-position:15px -144px; }
#rightSide .rquickNav a.a4 { background-position:15px -216px; }
#rightSide .rquickNav a.a5 { background-position:15px -288px; }
#rightSide .rquickNav a:hover {
	color:#09a7ed;
	-webkit-transform:scale(1.25,1.25);
	-moz-transform:scale(1.25,1.25);
	-ms-transform:scale(1.25,1.25);
	-o-transform:scale(1.25,1.25);
	transform:scale(1.25,1.25);
}
#rightSide .sideItem { position:absolute; bottom:20px; left:5px; width:55px; height:120px;}
#rightSide .sideItem .ewmWrap { position:relative; width:55px; height:55px; background:url(./images/rightSide.png) no-repeat -70px 0px; }
#rightSide .sideItem .ewmWrap .ewm { display:none;   position:absolute; bottom:0px; right:70px; width:176px; height:170px; background:url(./images/rightSide.png) no-repeat -156px 0px;  }
#rightSide .sideItem .ewmWrap:hover .ewm{display:block;}
#rightSide .sideItem .weibo{
display: block;
width: 55px;
height: 26px;
padding-top: 35px;
font: normal 12px/26px "微软雅黑";
color: #747474;
text-align: center;
background: url(./images/rightSide.png) no-repeat -78px -513px;
}

.go-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    z-index: 9;
    display: none;
}
.go-to-top .hide {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 0;
    width: 0;
    margin: -.1rem;
    padding: 0;
    border: 0;
}
.go-to-top:after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(./images/icon-top.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.appinfo{padding:50px 0px;}
.appinfo h3{
	margin-bottom:20px;
}
.appinfo p{
    font-size: 16px;
	margin-bottom: 20px;
line-height: 1.594em;
}

.appinfo dl{
	padding:10px 0px;
}
.appinfo dl dt{
	line-height: 25px;
	font-size: 16px;
	font-weight: 400;
}
.appinfo dl dd{
	
}
.appinfo dl dd .textInput ,.appinfo dl dd select{
	height: 48px;
	padding: 0 1em;
	font-size: 16px;
	color: #424242;
	border: 1px solid #dcdcdc;
	border-radius: 0;
	background-color: #fff;
	width: 300px;
}
.appinfo dl dd .textInput1{
	width: 150px;
}
.appinfo dl dd .oninput{
	border: 1px solid #f90;
}

.appinfo dl dd textarea{
	padding: 10px 1em;
	font-size: 16px;
	color: #424242;
	border: 1px solid #dcdcdc;
	border-radius: 0;
	background-color: #fff;
	width:750px;
}
.wrapper_appinfo{background: #fff;}

.livetool {	
	border-radius: 4px;
    background-color: #0066b3;
    -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.1);
    box-shadow: 0 0 4px 1px rgba(0,0,0,.1);
    position: fixed;
    right: 5px;
    bottom: 20px;
    z-index: 9;
    _position: absolute;
    _bottom: auto;

}
.livetool  ul li{
	width: 25px;
	height: 25px;
	margin:20px 10px;
}
.livetool li a {
    display: block;
    height: 25px;
    width: 25px;
    overflow: hidden;
    text-align: center;
}
.livetool li .icon {
    display: block;
    height: 25px;
    width: 25px;
    background-image: url(images/wx-wbo.png);
    _background-image: url(images/wx-wbo.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
.livetool li.laiwang .icon {
    background-position: 0 0;
}
.livetool li .qrcode {
   padding: 9px;
	position: absolute;
	right: 48px;
	bottom: 25px;
	overflow: hidden;
}

.livetool li .qrcode {
    background: #0066b3;
    border-color: #0066b3;
    border-radius: 4px;
    height: 125px;
    display: none; 
    width: 125px;
}
.livetool li.weibo .qrcode {
   bottom: 0px;
}
.livetool li.weibo .icon {
    background-position: 0 -25px;
}
.livetool li .text {
    color: #fff;
    display: block;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
}
.livetool li i.mm-iconfont{
	background-image: url(./images/icon-top.png);
	background-size: contain;
}
.livetool li i.wx-bg{
	background-image: url(./images/icon-tell.png);
	background-size: contain;
}
.livetool li .qrcode img {
   width:100%;
}

.livetool li.tell .qrcode {
   bottom: 0px;
   height: 60px;
color: #fff;
}

.morebig img{max-width: 100%;
 -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;}
.morebig:hover img{
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.page_navlist{	
	width:200px;
	text-align: center;
	margin-top:30px;
	border:0px;
}
.page_navlist li{
	background-color: #a0d3ff;
	/*border-radius: 3px;*/
	margin-bottom: 6px;
	line-height: 45px;
	position: relative;
}
.page_navlist li a i{position: absolute;right: 15px; display:none;top: 0px;}
.page_navlist li.curr,.page_navlist li:hover{
	background-color: #0066b3;
}
.page_navlist li.curr  a,.page_navlist li:hover a{color:#fff;}
.page_navlist li.curr  a i,.page_navlist li:hover a i{display:block;}

.phoneshow{
	display: none;
}
@media screen and (max-width: 2000px){
	.container,.wrap1200 {
		/*width: 1600px;*/
	}
}
@media screen and (max-width: 1700px){
	.container,.wrap1200 {
		/*width: 1400px;*/
	}
	.page1 .txts{
		/*width: 56%;*/
	}
	.page3 .body .txts{
		/*width: 60%;*/
	}
}
@media screen and (max-width: 1366px){
	.container ,.wrap1200{
		width: 1200px;
	}
	.page1 .txts{
		/*width:54%;*/
	}
	.page3 .body .txts{
		/*width: 54%;*/
	}
}
@media screen and (max-width: 980px) {
	.phonehide{
		display: none;
	}
	.phoneshow{
		display: block;
	}

}